<template>
  <div class="new-movie-content">
    <div class="new-movie-chunk">
      <!-- 图片区域 -->
      <div class="m-picture">111</div>
      <div class="m-spreadhead">主标题111</div>
      <div class="m-subheading">副标题</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FissionFriendsH5MovieChunk',
  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped>
.new-movie-content {
  // width: 120%;
  display: flex;
  .new-movie-chunk {
    width: 160px;
    margin-right: 10px;
    background-color: burlywood;
    max-height: 160px;
    .m-picture {
      height: 90px;
      background-color: chocolate;
    }
    .m-picture,
    .m-spreadhead,
    .m-subheading {
      margin-bottom: 3px;
    }
  }
}
</style>
